<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>NTB | Real Estate Template</title>
        <!-- html5 support in IE8 and later -->
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <!-- CSS file links -->
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"/>
        <link href="css/jquery.bxslider.css" rel="stylesheet" media="screen"/>
        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/responsive.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/yamm.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/jquery.nouislider.min.css" rel="stylesheet" type="text/css" media="all" />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'/>
    </h:head>

    <h:body>

        <!-- Start Header -->
        <header class="navbar yamm navbar-default navbar-fixed-top">
            <div class="topBar">
                <div class="container">
                    <p class="topBarText"><img class="icon" src="images/icon-phone.png" alt="" />1-800-192-0978</p>
                    <p class="topBarText"><img class="icon" src="images/icon-mail.png" alt="" />info@easyLivingTheme.com</p>
                    <ul class="socialIcons">
                        <li class="topBarText"><a href="index.html#">Login</a></li>
                        <li class="topBarText"><a href="index.html#">Register</a></li>
                        <li><a href="index.html#"><img src="images/icon-fb.png" alt="" /></a></li>
                        <li><a href="index.html#"><img src="images/icon-twitter.png" alt="" /></a></li>
                        <li><a href="index.html#"><img src="images/icon-google.png" alt="" /></a></li>
                        <li><a href="index.html#"><img src="images/icon-rss.png" alt="" /></a></li>
                    </ul>
                </div>
            </div>
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html#"><img src="images/logoGreen.png" alt="Easy Living" />EASY <span>LIVING</span></a>
                </div>
                <div class="navbar-collapse collapse">

                    <!--  start login/register -->
                    <ul class="userButtons">  
                        <li class="userBtn"><a href="index.html#" class="buttonGrey">LOGIN</a></li>
                        <li class="userBtn"><a href="index.html#" class="buttonGrey">REGISTER</a></li>
                    </ul>
                    <!-- end login/register -->

                    <ul class="nav navbar-nav">
                        <li class="dropdown menu-item-has-children">
                            <a href="index.html" class="current">HOME</a>
                            <ul class="dropdown-menu">
                                <li><a href="index.html" class="current-sub">Home Horizontal Filter</a></li>
                                <li><a href="home_map.html">Home Map</a></li>
                            </ul>
                        </li>
                        <li class="dropdown menu-item-has-children">
                            <a href="listing_grid.html">LISTINGS</a>
                            <ul class="dropdown-menu">
                                <li><a href="listing_grid.html">Listing Grid</a></li>
                                <li><a href="listing_grid_sidebar.html">Listing Grid Sidebar</a></li>
                                <li><a href="listing_grid_masonry.html">Listing Grid Masonry</a></li>
                                <li><a href="listing_row.html">Listing Row</a></li>
                                <li><a href="listing_row_sidebar.html">Listing Row Sidebar</a></li>
                                <li><a href="property_single.html">Property Single</a></li>
                                <li class="dropdown-submenu menu-item-has-children">
                                    <a href="index.html#" data-toggle="dropdown">Submissions</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="my_properties.html">My Properties</a></li>
                                        <li><a href="submit_property.html">Submit Property</a></li>
                                        <li><a href="edit_property.html">Edit Property</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown menu-item-has-children">
                            <a href="agent_listing_grid.html">OUR AGENTS</a>
                            <ul class="dropdown-menu">
                                <li><a href="agent_listing_grid.html">Agent Listing Grid</a></li>
                                <li><a href="agent_listing_grid_sidebar.html">Agent Listing Grid Sidebar</a></li>
                                <li><a href="agent_listing_row.html">Agent Listing Row</a></li>
                                <li><a href="agent_listing_row_sidebar.html">Agent Listing Row Sidebar</a></li>
                                <li><a href="agent_single.html">Agent Single</a></li>
                            </ul>
                        </li>
                        <li class="dropdown menu-item-has-children">
                            <a href="blog_classic.html">BLOG</a>
                            <ul class="dropdown-menu">
                                <li><a href="blog_classic.html">Blog Classic</a></li>
                                <li><a href="blog_single.html">Blog Single</a></li>
                            </ul>
                        </li>
                        <li class="dropdown menu-item-has-children">
                            <a href="about.html">PAGES</a>
                            <ul class="dropdown-menu">
                                <li><a href="about.html">About</a></li>
                                <li><a href="faq.html">FAQ</a></li>
                                <li><a href="left_sidebar.html">Left Sidebar</a></li>
                                <li><a href="right_sidebar.html">Right Sidebar</a></li>
                                <li><a href="404.html">404 Error</a></li>
                                <li><a href="login.html">Login Form</a></li>
                                <li><a href="register.html">Register Form</a></li>
                                <li class="dropdown-submenu menu-item-has-children">
                                    <a href="index.html#" data-toggle="dropdown">Headers</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="index.html">Header 1 (default)</a></li>
                                        <li><a href="index_header2.html">Header 2</a></li>
                                        <li><a href="index_header3.html">Header 3</a></li>
                                        <li><a href="index_headerMinimal.html">Header Minimal</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu menu-item-has-children">
                                    <a href="index.html#" data-toggle="dropdown">Footers</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="index.html#footer">Footer 1 (default)</a></li>
                                        <li><a href="index_footer2.html#footer2">Footer 2</a></li>
                                    </ul>
                                </li>
                                <li><a href="shortcodes.html">Shortcodes</a></li>
                            </ul>
                        </li>
                        <li class="dropdown yamm-fw">
                            <a href="index.html#" class="dropdown-toggle">MEGA MENU</a>
                            <ul class="dropdown-menu">
                                <li> 
                                    <div class="yamm-content">
                                        <div class="row">
                                            <div class="col-lg-4">
                                                <!-- start recent posts widget -->
                                                <h4>RECENT POSTS</h4>
                                                <div class="recentPosts megaMenu">
                                                    <h4><a href="index.html#">AWESOME DREAM HOUSE IN A GREAT LOCATION</a></h4>
                                                    <a href="index.html#">READ MORE</a>
                                                    <p class="date">Feb 5, 2014</p>
                                                    <div style="clear:both;"></div>
                                                    <div class="divider thin"></div>
                                                    <h4><a href="index.html#">AWESOME DREAM HOUSE IN A GREAT LOCATION</a></h4>
                                                    <a href="index.html#">READ MORE</a>
                                                    <p class="date">Feb 5, 2014</p>
                                                    <div style="clear:both;"></div>
                                                    <div class="divider thin"></div>
                                                    <h4><a href="index.html#">AWESOME DREAM HOUSE IN A GREAT LOCATION</a></h4>
                                                    <a href="index.html#">READ MORE</a>
                                                    <p class="date">Feb 5, 2014</p>
                                                    <div style="clear:both;"></div>
                                                </div>
                                                <!-- end recent posts widget -->
                                            </div>
                                            <div class="col-lg-4 map">
                                                <h4>GOOGLE MAPS</h4>
                                                <iframe class="googleMap" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=towson+md&amp;aq=&amp;sll=39.310394,-76.575394&amp;sspn=0.320357,0.676346&amp;ie=UTF8&amp;hq=&amp;hnear=Towson,+Baltimore,+Maryland&amp;ll=39.401495,-76.601912&amp;spn=0.019996,0.042272&amp;t=m&amp;z=14&amp;output=embed"></iframe><br/><br/>
                                                <p>Lorem ipsum dolor amet, consectetur adipiscing elit. Sed ut purus eget nunc ut dignissim cursus at a nisl. 
                                                    Mauris vitae turpis quis eros egestas tempor sit amet a arcu.</p>
                                            </div>
                                            <div class="col-lg-4">
                                                <h4>TEXT WIDGET</h4>
                                                <p>Lorem ipsum dolor amet, consectetur adipiscing elit. Sed ut purus eget nunc ut dignissim cursus at a nisl. 
                                                    Mauris vitae turpis quis eros egestas tempor sit amet a arcu. Duis egestas hendrerit diam. Lorem ipsum dolor amet, consectetur adipiscing elit. Sed ut purus eget nunc ut dignissim cursus at a nisl. 
                                                    Mauris vitae turpis quis eros egestas tempor sit amet a arcu.</p>
                                                <p>Lorem ipsum dolor amet, consectetur adipiscing elit. Sed ut purus eget nunc ut dignissim cursus at a nisl. 
                                                    Mauris vitae turpis quis eros egestas tempor sit amet a arcu. Duis egestas hendrerit diam. Lorem ipsum dolor amet.</p>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown menu-item-has-children">
                            <a href="contact.php">CONTACT</a>
                            <ul class="dropdown-menu">
                                <li><a href="contact.php">Contact</a></li>
                                <li><a href="contact_wide.html">Contact Wide</a></li>
                            </ul>
                        </li>
                    </ul>        
                </div><!--/.navbar-collapse -->
            </div><!-- end header container -->
        </header><!-- End Header -->

        <ui:insert name="main"/>

        <footer id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h4><a class="footerLogo" href="index.html#"><img src="images/logoGreen.png" alt="Easy Living" />EASY <span>LIVING</span></a></h4>
                        <p>Lorem ipsum dolor amet, consectetur adipiscing elit. Sed ut 
                            purus eget nunc ut dignissim cursus at a nisl. Mauris vitae 
                            turpis quis eros egestas tempor sit amet a arcu. Duis egestas 
                            hendrerit diam.</p>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h4>CONTACT</h4>
                        <ul class="contactList">
                            <li><img class="icon" src="images/icon-pin.png" alt="" /> 123 Smith Drive, Arnold, Maryland</li>
                            <li><img class="icon" src="images/icon-phone.png" alt="" /> +1 234 567 8901</li>
                            <li><img class="icon" src="images/icon-mail.png" alt="" /> hello@thriveTheme.com</li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h4>TWITTER</h4>
                        <ul>
                            <li><a href="index.html#">@JohnDoe</a> Lorem ipsum dolor amet, 
                                adipiscing elit. Maecenas eget tellus.<br/><span>5 MINUTES AGO</span></li>
                            <li><a href="index.html#">@JohnDoe</a> Lorem ipsum dolor amet, 
                                adipiscing elit. Maecenas eget tellus.<br/><span>5 MINUTES AGO</span></li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h4>NEWSLETTER</h4>
                        <p>Lorem ipsum dolor amet, consectetur adipiscing elit. Sed ut 
                            purus eget nunc ut dignissim cursus at a nisl.</p>
                        <form class="subscribeForm" method="post" action="index.html#">
                            <input type="text" name="email" value="Your email" class="input footer" />
                            <input type="submit" name="submit" value="SEND" class="buttonColor" />
                        </form>
                    </div>
                </div><!-- end row -->
            </div><!-- end footer container -->
        </footer>

        <div class="bottomBar">
            <div class="container">
                <p>EASY LIVING REAL ESTATE THEME COPYRIGHT 2013</p>
                <ul class="socialIcons">
                    <li><a href="index.html#"><img src="images/icon-fb.png" alt="" /></a></li>
                    <li><a href="index.html#"><img src="images/icon-twitter.png" alt="" /></a></li>
                    <li><a href="index.html#"><img src="images/icon-google.png" alt="" /></a></li>
                    <li><a href="index.html#"><img src="images/icon-rss.png" alt="" /></a></li>
                </ul>
            </div>
        </div>

        <ui:insert name="js"/>
    </h:body>

</html>
